<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>首页</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/group.css" />
		<link rel="stylesheet" href="layui/css/layui.css" />
		<script src="layui/layui.js"></script>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/echarts.min.js"></script>
		<script src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
		<script src="http://api.map.baidu.com/getscript?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM&services=&t=20180201111639"></script>
		<script src="js/bmap.js"></script>
		<script src="js/group.js"></script>
		<script src="js/nav.js"></script>
	</head>

	<body>
		<div class="frame">
			<div class="left-alarm">
				<div class="alarm-title">
					<span>报警统计</span>
				</div>
				<div class="alarm-frame">
					<div class="cont">
						<div class="alarm-chart">
						<div class="alarm" id="DJchart"></div>
						<span class="border-bottom"></span>
					</div>
					<div class="alarm-chart">
						<div class="alarm" id="GZPchart"></div>
						<span class="border-bottom"></span>
					</div>
					<div class="alarm-chart">
						<div class="alarm" id="CZPchart"></div>
						<span class="border-bottom"></span>
					</div>
					<div class="alarm-chart">
						<div class="alarm" id="QXchart"></div>
						<span class="border-bottom"></span>
					</div>
					<div class="alarm-chart">
						<div class="alarm" id="DQGZchart"></div>
					</div>
					</div>
					
				</div>
			</div>
			<div class="map">
				<div class="time">
					<p>安全生产 <span>1</span><span>2</span><span>0</span><span>5</span> 天</p>
				</div>
				<!--<div class="map-box" style="width:100%;height: 100%; border: 1px solid #a6d0ff;border-radius: 4px;">
					<div class="alarm-title">
					<span>报警统计</span>
					
				</div>-->
				<div id="map"></div>
				<div class="mask"></div>
				<!--</div>-->
				
			</div>
			<div class="right-ranking">
				<div class="ranking-title">
					<span>集团报警率排行</span>
				</div>
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<label class="layui-form-label">报警率类型选择：</label>
						<div class="layui-input-block">
							<select name="interest" lay-filter="aihao">
								<option value=""></option>
								<option value="0">点检报警率对比</option>
								<option value="1" selected="">点检报警率对比</option>
								<option value="2">点检报警率对比</option>
								<option value="3">点检报警率对比</option>
								<option value="4">点检报警率对比</option>
							</select>
						</div>
					</div>
				</form>
				<div id="Ranking"></div>
			</div>
		</div>
	</body>
	<script src="js/china.js"></script>
	<!--<script src="js/bmapEcharts.js"></script>-->
	<script src="js/echartsMap.js"></script>
	<script>
	</script>
</html>